<template>
  <el-button :class="checked ? 'yes' : 'no'">
    <slot></slot>
  </el-button>
</template>

<script setup>
const props = defineProps({
  checked: {
    type: Boolean,
    default: false,
  },
});
</script>

<style lang="scss" scoped>
.el-button {
  width: 90%;
  height: 42px;
  background: rgba(11, 76, 151, 0.1);
  box-shadow: 1px 2px 10px 1px rgba(14, 252, 255, 0.53),
    inset 5px 4px 100px 1px rgba(14, 252, 255, 0.34);
  background: url("@/assets/images/button_bg.png");
  background-size: 100% 100%;
  border-radius: 0;
  border: 0;
}
.yes {
  background-color: pink;
}
.no {
}
</style>